<div class="layui-fluid">
  <style>
    .layui-table-tool,.layui-table-column.layui-table-page,.layui-table-main{
      background-color: white;
    }
  </style>
  <fieldset class="layui-elem-field layui-bg-white">
    <legend></legend>
    <div class="layui-field-box">
      <div  class="layui-form layui-row layui-col-space16 search-criteria" lay-filter="reset-val-filter">
        <div class="layui-col-md3">
          <div class="layui-input-wrap">
            <input type="text" name="name" placeholder="模板名称" class="layui-input" lay-affix="clear" lay-filter="clear">
          </div>
        </div>
        <div class="layui-col-md3">
          <div class="layui-input-wrap">
            <input type="text" name="code" placeholder="模板编码" class="layui-input" lay-affix="clear" lay-filter="clear">
          </div>
        </div>
        <div class="layui-col-md3">
          <div class="layui-input-wrap">
            <input type="text" name="nickname" placeholder="发送账号" class="layui-input" lay-affix="clear" lay-filter="clear">
          </div>
        </div>

        <div class="layui-btn-container layui-col-md3 " style="text-align: center">
          <button class="layui-btn layui-btn-sm" lay-submit lay-filter="table-search">查询</button>
          <button id="reset" class="layui-btn layui-btn-sm layui-btn-primary">重置</button>
          <button class="layui-btn layui-btn-sm layui-btn-primary layui-hide" onclick="showInput(this)">
            <i class="layui-icon layui-icon-down"></i>
          </button>
        </div>
      </div>
    </div>
  </fieldset>
  <table class="layui-hide" id="email-template-list" lay-filter="email-template-list"></table>
  <script id="emailToolbar" type="text/html">
    <div class="layui-btn-container">
      <button class="layui-btn layui-btn-sm" lay-event="add">
        <i class="layui-icon layui-icon-add-circle"></i>添加
      </button>
    </div>
  </script>
  <script id="barDemo" type="text/html">
    <div class="layui-clear-space">
      <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="edit">编辑</a>
      <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="view">查看</a>
      <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="del">删除</a>
    </div>
  </script>
  <script type="text/html" id="email-template-form">
    <div class="layui-form" lay-filter="email-template-form" id="lay-email-template-form" style="margin: 15px 40px 15px 10px;">
      <input type="hidden" name="id">
      <input type="hidden" name="accountId">
      <div class="layui-form-item">
        <label class="layui-form-label">模板名称</label>
        <div class="layui-input-block">
          <input type="text" name="name" disabled value=""  placeholder="模板名称" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">模板编码</label>
        <div class="layui-input-block">
          <input type="text" name="code" disabled value=""  placeholder="模板编码" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">发送账号</label>
        <div class="layui-input-block">
            <select name="nickname" lay-filter="email-select-filter" lay-append-to="body" lay-append-position="fixed" disabled>
              <option value=""></option>
            </select>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">模板标题</label>
        <div class="layui-input-block">
          <input type="text" name="title" disabled lay-verify="required" placeholder="模板标题" autocomplete="off" lay-vertype="tips" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">参数</label>
        <div class="layui-input-block fairy-tag-container">
          <input class="layui-input fairy-tag-input tag" type="text" name="params" placeholder="参数:name,code...。Tab确认" disabled>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">模板内容</label>
        <div class="layui-input-block ">
          <textarea  name="content" disabled placeholder="模板内容:您的验证码是{code}，名字是{name}" class="layui-textarea" lay-verify="required" lay-vertype="tips"></textarea>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">状态</label>
        <div class="layui-input-block">
          <input type="checkbox" name="status" value="1" disabled lay-skin="switch" lay-filter="tls" title="开启|关闭">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">备注</label>
        <div class="layui-input-block">
            <textarea  name="remark" disabled placeholder="备注" class="layui-textarea"></textarea>
        </div>
      </div>


    </div>
  </script>
</div>

<script type="text/javascript">
  {{#
          top.tools.loadscripts(["/js/page/message-management-center/emailTemplate.js"], function () {
            templateViewInit();
          })
  }}
</script>